import { createTheme } from '@mui/material/styles';

// 创建自定义主题
const theme = createTheme({
    palette: {
        mode: 'light', // 默认主题模式（light/dark）
        primary: {
            main: '#3f51b5', // 主色
        },
        secondary: {
            main: '#f50057', // 次要色
        },
        background: {
            default: '#f5f5f5', // 默认背景色
            paper: '#ffffff',  // 纸张/卡片背景色
        },
    },
    typography: {
        fontFamily: [
            '-apple-system',
            'BlinkMacSystemFont',
            '"Segoe UI"',
            'Roboto',
            '"Helvetica Neue"',
            'Arial',
            'sans-serif',
            '"Apple Color Emoji"',
            '"Segoe UI Emoji"',
            '"Segoe UI Symbol"',
        ].join(','),
        h6: {
            fontWeight: 500, // 标题6的字体粗细
        },
    },
    components: {
        MuiButton: {
            styleOverrides: {
                root: {
                    textTransform: 'none', // 禁用按钮文本大写转换
                },
            },
        },
        MuiPaper: {
            styleOverrides: {
                root: {
                    borderRadius: 8, // 统一纸张圆角
                },
            },
        },
    },
});

export default theme;